<ion-view title="第一步：选择你的角色" hide-nav-bar="true">
    <ion-content scroll="false" class="bind-box">
        <div class="container">
            <div class="content">
                <div class="card">
                    <div class="item" id="parent-box">
                        <div class="check-box-div">
                            <input type="checkbox" id="parent"/>
                            <label for="parent" class="check-box"></label>
                        </div>
                        <p class="menu-p">我是家长</p>
                    </div>
                </div>
                <div class="card">
                    <div class="item"id="teacher-box">
                        <div class="check-box-div">
                            <input type="checkbox" id="teacher"/>
                            <label for="teacher" class="check-box"></label>
                        </div>
                        <p class="menu-p">我是教师</p>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
    <ion-footer-bar class="bar" ng-click="next()">
        <h1 class="title">下一步</h1>
    </ion-footer-bar>
</ion-view>